<template>
	<view class="com-complete">
		<view class="icon-success">
			<image src="@/static/union.png" mode="widthFix"></image>
		</view>
		<view class="title">提交成功</view>
		<view class="hint">
			<view class="">审核时间为1-15个工作日</view>
			<view class="">请保持您的电话畅通</view>
		</view>
		
		<view class="" style="margin-top: 138rpx;">
			<button class="confirm-btn flex-1" @click="goAuthDetail">查看我的申请</button>
		</view>
		
		<view class="foot-hint">
			<view class="">温馨提示：</view>
			<view class="">
				在未审核通过时，您还未能租赁无人机，如果您有紧急情况，请联系客服进行处理
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			agentId: [String, Number]
		},
		data() {
			return {
				
			}
		},
		mounted() {
			
		},
		methods: {
			goAuthDetail() {
				uni.redirectTo({
					url: '/pages/agent/auth-detail/auth-detail?agentId='+this.agentId
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.com-complete {
		padding-top: 226rpx;
		display: flex;
		align-items: center;
		flex-direction: column;
		
		.icon-success {
			width: 140rpx;
			height: 140rpx;
			
			image {
				width: 100%;
			}
		}
		
		.title {
			padding-top: 34rpx;

			font-size: 40rpx;
			font-weight: 600;
			line-height: 48rpx;
			text-align: center;
			color: rgba(0, 0, 0, 0.9);
		}
		
		.hint {
			padding-top: 48rpx;
			font-size: 34rpx;
			font-weight: 400;
			line-height: 46rpx;
			text-align: center;
			color: rgba(0, 0, 0, 0.9);
		}
		
		.foot-hint {
			width: 524rpx;
			padding-top: 168rpx;
			font-size: 28rpx;
			font-weight: 400;
			line-height: 46rpx;
			color: rgba(0, 0, 0, 0.4);
		}
		
		.confirm {
			width: 524rpx;
			height: 82rpx;
			margin-top: 32rpx;
			border: 1px solid var(--gradient-color-vertical);
			background: var(--gradient-color-vertical);
		
			font-size: 34rpx;
			font-weight: 400;
			line-height: 82rpx;
			text-align: center;
			color: #FFFFFF;
		}
		.cancel {
			width: 524rpx;
		}
	}
</style>